<template>
    <div class="videoPlayer">
        <div class="player-container">
<!--            <vue3-video-player :src="xxxsrc" :autoplay="autoplay" :controls="controls"></vue3-video-player>-->
<!--            {{videoSrc}}-->
            <video :src="videoSrc" autoplay controls class="xxxxx"></video>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'VideoXXX',
        props:{
            videoSrc:String
        },
        mounted(){
            this.xxxsrc=this.videoSrc
            console.log(this.videoSrc);
            console.log(this.xxxsrc);
        }
    }
</script>

<style scoped >
    .videoPlayer{
        width: 100%;
    }
    .xxxxx{
        width: 100%;
    }
    .player-container{
        width: 100%;
    }
</style>

